{% load static %}
<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>山城重庆 - 美食特色</title>
    <link rel="stylesheet" href="{% static 'css/public.css' %}">
    <link rel="stylesheet" href="{% static 'css/meishi.css' %}">
</head>

<body>
    <header>
        <div class="top">
            <h1><a href="index">美丽家乡之重庆</a></h1>
            <nav>
                <ul>
                    <li><a href="index">首页</a></li>
                    <li><a href="jianjie">重庆简介</a></li>
                    <li><a href="wenhua">历史文化</a></li>
                    <li><a href="meishi">美食特色</a></li>
                    <li><a href="gonglve">旅游攻略</a></li>
                    <li><a href="denglu">登录/注册</a></li>
                </ul>
            </nav>
        </div>
    </header>

    <div class="container">
        <div class="intro">
            <h1>重庆美食</h1>
            <p>重庆，不仅有美丽的山城风光，还有让人垂涎欲滴的美食。这里的美食麻辣鲜香，让你尝过一次就忘不了。</p>
        </div>

       <div class="food-category">
            <h2>当地特色</h2>
            <div class="food-items">
                <div class="food-item">
                    <img src="{% static 'images/火锅.jpg' %}" alt="">
                    <div class="content">
                        <h3>牛油火锅</h3>
                        <p>重庆最经典的火锅，以牛油为底料，辣而不燥，香而不腻，让你欲罢不能。</p>
                    </div>
                </div>
                <div class="food-item">
                    <img src="{% static 'images/小面.jpg' %}" alt="">
                    <div class="content">
                        <h3>重庆小面</h3>
                        <p>重庆小面是重庆市民普遍喜爱的传统面食，以其香、麻、辣的特点著称。</p>
                    </div>
                </div>
                <div class="food-item">
                    <img src="{% static 'images/豆花.jpg' %}" alt="">
                    <div class="content">
                        <h3>豆花饭 </h3>
                        <p>豆花饭是重庆美食中的一道瑰宝，以其独特的口感和味道深受人们喜爱。</p>
                    </div>
                </div>
            </div>
        </div>

       <div class="food-category">
            <h2>街边小吃</h2>
            <div class="food-items">
                <div class="food-item">
                    <img src="{% static 'images/酸辣粉.jpg' %}" alt="">
                    <div class="content">
                        <h3>酸辣粉</h3>
                        <p>酸辣粉是重庆地区一道非常有名且受欢迎的传统小吃。</p>
                    </div>
                </div>
                <div class="food-item">
                    <img src="{% static 'images/苕皮.jpg' %}" alt="">
                    <div class="content">
                        <h3>苕皮</h3>
                        <p>苕皮是重庆美食中的一道瑰宝，以其独特的口感和味道深受人们喜爱。</p>
                    </div>
                </div>
                <div class="food-item">
                    <img src="{% static 'images/冰汤圆.jpg' %}" alt="">
                    <div class="content">
                        <h3>冰汤圆</h3>
                        <p>冰汤圆是重庆非物质文化遗产，软糯香甜，伴随一代又一代的重庆人成长。</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="banner">
            <h2>重庆，让你的味蕾来一次说走就走的旅行</h2>
            <p>在重庆，美食不仅是一种享受，更是一种文化。每一道菜，每一种小吃，都凝结了重庆人的智慧和创造力。来重庆，不仅要看美景，更要尝美食，让你的味蕾也来一次说走就走的旅行。</p>
        </div>
    </div>

    <footer>
        <p>&copy; 2024 美丽家乡之重庆 王敏 唐园园 王嘉钰 版权所有</p>
    </footer>
</body>

</html>


